@charset "utf-8";

/*
	Project Name: Game Quiz EZ
	Description: 
	Version: 1.0
	Author: 
	Author URI: 
	Tags: 

	License: MIT
	License URI: http://opensource.org/licenses/mit-license.php
*/

/*------------------------------------*\
    main
\*------------------------------------*/
body {
	background: url(../img/bg.jpg) no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

/*------------------------------------*\
    home
\*------------------------------------*/
.home {
	padding-top: 4em;
}

.home button {
	text-transform: uppercase;
	padding: 0.5em 3em;
	margin-top: 1em
}

header {
	background: #1eb1ee;
	width: 100%;
	height: 4.5em;
	-moz-box-shadow: 0 0 6px 1px rgba(0, 0, 0, .3);
	-webkit-box-shadow: 0 0 6px 1px rgba(0, 0, 0, .3);
	box-shadow: 0 0 6px 1px rgba(0, 0, 0, .3);
}

header p,header h4 {
	margin: 0;
	color: #fff
}

header p {
	margin-top: 1em;
	color: #095676
}

.logo-header {
	margin-top: 1.2em
}

/*------------------------------------*\
    tela
\*------------------------------------*/
.tela {
	margin-top: 4em;
	position: relative;
	margin: 0 auto;
	width: 100%
}

.tela .pergunta {
	font-family: arial;
	font-size :14pt;
	color: black;
	background: transparent;
	height: 95% !important;
	text-align: justify;
}

.tela .row .resposta {
	color: black !important;
	margin-bottom: 4em;
}

.resposta label{
	margin-left: 20px;
	font-size: 11pt;
	vertical-align: top;
	word-wrap: break-word;
}

resposta input{
	vertical-align: bottom;
	float: left;

}

.prenda {
	background-color: orange !important;
	font-size: large;
	font-family: cursive;
	-webkit-border-radius: 200px;
	-moz-border-radius: 200px;
	border-radius: 200px!important;
	width: 95%;
	margin: auto;
	
}

.texto-estatico-header {
	font-size: large;
	font-family: cursive;
	margin-left: 10px;
}

.texto-dinamico-header{
	font-size: x-large;
	font-family: cursive;
	color: white;
}

.instrucoes {
	text-align: center;
	padding: 5%;
	font-size: 15pt;
}

.container a {
	color: white !important;
}

h1 {
	font-family: Old English Text MT, Algerian, Cooper Black;
	font-size: 35px;
	color: #333;
	text-align: center;
}

/*------------------------------------*\
    Media Querye
\*------------------------------------*/
@media only screen and (max-width: 62em) {
	header {
		height: 5em
	}
}

@media only screen and (max-width: 52em) {
	header {
		height: 5em
	}
	.logo-header {
		display: none
	}
}